/**
 *  text-color
 * 	文字颜色
 */
.f-fc-primary {
	color: $uni-text-color;
}
.f-fc-inp {
	color: $uni-text-color-inp;
}
.f-fc-placehodler {
	color: $uni-text-color-placeholder;
}
.f-fc-grey {
	color: #999999;
}
.f-fc-777 {
	color: #777777;
}
.f-fc-888 {
	color: #888888;
}
.f-fc-whilte {
	color: #fff;
}
.f-fc-red {
	color: $uni-text-color-red;
}
.f-fc-c5 {
	color: #C5C5C5;
}
.f-fc-cf {
	color: #CFCFCF;
}
.f-fc-purple {
	color: #787D9D;
}
.f-fc-yellow {
	color: #FFA626;
}
.f-fc-blue {
	color: #0BABEE;
}
/**
 *  background-color
 * 	背景颜色
 */
.f-bg-fff {
	color: $uni-bg-color;
}
.f-bg-mask {
	color: $uni-bg-color-mask;
}

/**
 * border-radius
 */
.f-bdr-circle {
	border-radius: $uni-border-radius-circle;
}
.f-bdr-sm {
	border-radius: 8rpx;
}
.f-bdr-base {
	border-radius: 12rpx;
}
.f-bdr-large {
	border-radius: 20rpx;
}
.f-bdr-scircle {
	border-radius: 50vh;
}
/**
 *	骨架屏 
 */
.f-sklt-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	min-height: 100vh;
}

.f-sklt-rect {
	background: $uni-bg-color-grey;
	border-radius: 4rpx;
}

.f-sklt-circle {
	background: $uni-bg-color-grey;
	border-radius: 50%;
}

.f-sklt-fille {
	background: $uni-bg-color-grey;
	border-radius: 12rpx;
}